body,html{margin: 0;width: 100%;/*overflow-x: hidden;*/font-size: 100px;}
a{cursor: pointer;}input,select{outline:none;}
.mobile_content,.mobile_menu ul .submenu1{display: none;}
.banner-mb{display: none;}
.top{width: 19.2rem;background: #fff;height: 1.23rem;display: flex;position: fixed;top: 0;left: 0;z-index: 10;min-height: 72px;}
.headline{width: 12rem;margin: auto;display:flex;justify-content: space-between;}
.logo{width: 3rem;/*background: #ccc;*/font-size: 0;display: flex;align-items: center;}
.logo img{width: 100%;}
.head_nav{font-size: 16px;display: flex;align-items:center;width:9rem ;justify-content:flex-end;}


.head_nav ul{z-index: 2;padding-left: 0;}
.head_nav li{list-style: none;float: left;width: 0.7rem;height: 30px;line-height: 30px;text-align: center;border-right: 1px solid white;border-top: 1px solid white;}
.head_nav li:not(:nth-last-of-type(1)){margin-right: 0.25rem;}
.head_nav a{width: 100%;height: 0.7rem;text-decoration: none; display: block;color: black;font-size: 0.16rem;}
.head_nav ul>li>a:hover,.head_nav ul>li.current>a{color: #DE0438;}
.head_nav ul>li.current>a{border-bottom: 5px solid #DE0438;}
/*.head_nav ul.box2{padding-top:0.23rem;}*/
.head_nav ul>li>ul>li>ul{margin-top:-0.66rem; margin-left:2.4rem;}
.head_nav ul>li>ul{display: none;}/*次行代码不仅作用与二级菜单还作用于三级菜单*/
.head_nav ul>li:hover>ul{display: block;}
.head_nav ul>li>ul>li:hover>ul{display: block;}
.search,.search a{display: flex;align-items: center;justify-content: center;}
.head_nav .box2 li{width: 2.4rem !important;height: 0.65rem !important;line-height: 0.65rem !important;background: #dddddd;}
.box2 li a{width: 2.4rem !important;height: 0.65rem !important;background: #dddddd;}
.bt{display: flex;flex-direction:column;align-items: center;justify-content: center;height: 0.65rem;}
.bt .cn{font-size: .18rem;line-height: 0.18rem;}
.bt .en{font-size: 0.14rem;line-height: 0.14rem;padding-top: 0.1rem;}
.head_nav .box2 li a:hover{background: #DE0438!important;color: #FFFFFF !important;position: relative;cursor: pointer;}
.head_nav .box3 li,.box3 li a{background: #fff;}
.head_nav .box3 li{border-left: 1px solid #eee ;border-right: 1px solid #eee ;border-bottom: 1px solid #eee ;}
.head_nav .box3>li:nth-of-type(1){border-top: 1px solid #eee ;}
/*.head_nav .box2>li>a:hover:after{content: "";width: 12px;height: 12px;border: solid #eee;border-width: 0 2px 2px 0;transform: translate(-50%, -50%) rotate(-45deg);position: absolute;right: 10%;top: 50%;opacity: 0.4;}*/


/*搜索框*/
html{position: relative;}
	.search-box{width: 100%;height: 3.5rem;box-shadow:0px 0px 15px 10px #ccc;position:fixed;top: 0;background: #fff;z-index: 10;display: none;}
	.close{font-size: 0;display: flex;justify-content:flex-end;padding: 0.3rem 0.3rem 0 0;cursor: pointer;}
	.search-box input[type="text" i]{font-size: 0.18rem;border: none;background:none;outline:none;width: 95%;padding-left: 0.25rem;}
	.search-box>div:nth-of-type(2){font-size: 0;display: flex;border-bottom: 2px solid #eee;padding-top: 1rem;width: 80%;margin: auto;}
	.search-box>div>button{border: 0;background-color: transparent;outline: none;cursor: pointer;}

















.main .banner{font-size: 0;position: relative;margin: 1.23rem 0 0 ;}
.main .banner img{width: 100%;}
.main .banner .content{position: absolute;top: 10%;left: 5%;transition: 0.6s;}
.main .banner .content .title{font-size: 0.4rem;color: #fff;}
.main .banner .content .subtitle{font-size: 0.5rem;color: #fff;padding-top: 0.32rem; font-weight: 100;}
.main .banner .contents{position: absolute;top: 20%;left: 20%;}
.main .banner .contents .title{font-size: 0.4rem;color: #fff;}
.main .banner .contents .subtitle{font-size: 0.5rem;color: #fff;padding-top: 0.32rem; font-weight: 100;}






.footer{width: 19.2rem;background: #efeff0;margin-top: 1.5rem;}
.footer .f-content{width: 12rem;margin: auto;padding: 0.8rem 0 0.65rem;}
.footer .f-content .fc-top{display: flex;}
.footer .f-content .fc-top .fc-one{font-size: 0;display: flex;flex-direction: column;width: 3rem;}
.footer .f-content .fc-top .fc-one .fc-tilte{font-size: 0.2rem;padding-bottom: 0.2rem;font-weight: bold; }
.footer .f-content .fc-top .fc-one .fc-content{font-size: 0.15rem;line-height: 0.27rem;text-decoration: none;color: #333;}
.footer .f-content .fc-top .fc-one a.fc-content:hover{color: #DE0438;}
.footer .fc-bottom{font-size:0.16rem;width: 12rem;margin: auto;display: flex;justify-content: space-between;line-height: 0.5rem;text-align: center;}
.mobile_content{display: none;}
.footer .f-content .fc-top .fc-two .qr{font-size:0;width: 1.1rem;}
.fc-one.fc-two{display: flex;align-items: flex-end;justify-content: space-between;}
.footer .f-content .fc-top .fc-two .qr img{width: 100%;}
.mobile_content{display: none;}






.selected{color: #fff !important;background: #DE0438 !important}




.example{align-items: center;display: flex;border: 1px solid #eee;margin-left: 0.3rem;}
.search_text,.search_text1{width: 0.5rem;line-height: 0.5rem;border: none;padding: 0 0 0 0.2rem;}
.search_btn,.search_btn1{width: 0.5rem;border: none;cursor: pointer;font-size:0;background: #fff;height: 0.6rem;display: flex;align-items: center;justify-content: center;border-radius: 0.1rem;margin-left: -0.15rem;}
.search_btn img,.search_btn1 img{width: 60%;}













.pro{position: fixed;bottom: 0;right: 5px;font-size: 0.16rem;display: none;flex-direction: column;top: 0;width: max-content;height: max-content;margin: auto 0;}
.pro a{text-decoration: none;color: #333;line-height: 0.6rem;box-shadow: 0 0 5px 3px #ddd;margin-bottom: 0.1rem;text-align: center;padding: 0 0.1rem;background: #fff;}

.mobile_content .bt .cn{font-size: 18px;line-height: 25px;}
.mobile_content .bt .en{font-size: 16px;line-height: 20px;display: none;}
.mobile_content .box2 li a{text-decoration: none;color: #333;}
.mobile_content .bt{height: 45px;align-items: flex-start;}

/* @media screen and (max-width: 1399px) {
	.head_nav li{width: 0.9rem;}
	@media screen and (max-width: 899px) {
		.headline{width: 15rem;}
		.head_nav{width: 12rem;}
		.head_nav li{width: 1.2rem;}
	}
} */
@media screen and (min-width: 1400px) and (max-width: 1920px){
	.head_nav a{font-size: 16px;}
	.head_nav li{width: 65px;}
	.head_nav li:not(:nth-last-of-type(1)){margin-right: 15px;}
	.footer .f-content .fc-top .fc-one .fc-tilte{font-size: 20px;}
	.footer .f-content .fc-top .fc-one .fc-content{font-size: 15px;}
	
	.about .about-content .content p{font-size: 16px;line-height: 22px;}
	.information .i-content .item .i-desc{font-size: 16px;line-height: 22px;max-height: 88px;margin-top:10px}
	.swiper-slide-active .text_desc{font-size: 16px;}

	@media screen and (max-width: 1599px) {
		.about .about-content .content p{font-size: 16px;line-height: 22px;}
		/* .about .about-content{flex-direction: column;} */
		.about .about-content .a-left,.about .about-content .a-right{width: 100%;}
		.about .about-content .content{padding: 0.7rem 0 0.5rem 0}
	}

}
@media screen and (max-width: 1399px) {
	
	.main{margin-top: 72px;}
	.main .banner{padding: 0;margin: 0;}
	.footer .f-content .fc-top .fc-one .fc-tilte{font-size: 16px;}
	.footer .f-content .fc-top .fc-one .fc-content{font-size: 14px;line-height: 25px;}

	.case .item .desc{font-size: 16px;}
	select.m-wrap,.search_text{font-size: 16px !important;}
	.about .about-content .content p{font-size: 16px;line-height: 22px;}
	/* .about .about-content{flex-direction: column;} */
	.about .about-content .a-left,.about .about-content .a-right{width: 100%;}
	/* .about .about-content .content{padding: 0.7rem 0 0.5rem 0} */
	.information .i-content .item .i-desc{font-size: 14px;line-height: 22px;max-height: 88px;margin-top:10px}
	.about .content,.content .s-content .desc{font-size: 16px;line-height: 25px;}
	.development2 .content .item .desc{font-size: 18px;line-height: 25px;}
	.title{font-size: 22px;line-height: 40px;}
	.item .text .t-title{font-size: 18px;}
	.item .text .t-desc{font-size: 16px;line-height: 25px;padding-bottom: 30px;width: 70%;}
	.content .s-content form span{font-size: 16px;line-height: 25px;}
	.item .img img{height:100%;}
	.pagination li,.gotext,.go{width:35px !important;height: 35px !important;}
	.pagination li span, .pagination li a,.go{line-height: 35px !important;font-size: 16px !important;}
	.content .s-content .right .item .desc{font-size: 16px !important;}
	.information .i-content .item .i-title{font-size: 18px;line-height: 32px;}
	.swiper-slide-active .text_desc{font-size: 16px;}
	.footer .f-content .fc-top .fc-one:nth-of-type(3){width:3.5rem}
	.footer .f-content .fc-top .fc-two{width: 2.5rem !important;}
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
	.head_nav a{font-size: 15px;}
	.headline{width:14rem}
	.head_nav{width: 12rem;}
	.head_nav li{width: 1rem;}
}
@media screen and (min-width: 930px) and (max-width: 1199px){
	.headline{width:16rem}
	.head_nav{width: 12rem;}
	.head_nav li{width: 1rem;}
}
@media screen and (min-width: 784px) and (max-width: 929px){
	.headline{width:16rem}
	.head_nav{width: 12rem;}
	.head_nav li{width: 1.2rem;}
}
@media screen and (max-width: 783px){
	.top{display: none;}
	.mobile_content{display: block;position: fixed;top: 0;width: 100%;font-size: 0;background: #fff;z-index: 2;}
}
@media screen and (max-width: 770px) {
	.information .i-content .item .i-desc{max-height: 88px;margin-top:10px}
	.pro{display: none !important;}
	.main .banner .content{top: 40%;}
	.main .banner .content .title{font-size: 0.24rem;}
	.main .banner .content .subtitle{font-size: 0.32rem;}
	.banner-pc{display: none;}
	.banner-mb{display: block;}
	
	 .top{width: 100%;justify-content: space-between}
	 .top .head_nav{display: none;}
	 /*.main .banner .content{display: none;}*/
	  
  .footer{margin-top: 0.5rem ;width: 100%;}
  .footer .f-content{width: 90%;}
  .footer .f-content .fc-top{justify-content:space-around}
  .footer .f-content .fc-top .fc-one:not(:nth-of-type(3)){width: 18%;}
  .footer .fc-bottom{flex-direction:column;align-items:center;justify-content:center;line-height:0.25rem;width: 90% !important;}
 
  
   @media screen and (max-width: 760px) {
   	.main .banner .content{top: 25%;}
   	.main .banner .content .title{font-size: 16px;}
   	.main .banner .content .subtitle{font-size: 18px;}
   	
   	
   	
   	.f-content,.footer hr{display: none;}
  	.footer .fc-bottom{font-size: 14px;line-height: 20px;padding: 10px 0;}
  	
  	
	 
	  .m-wrap  {margin-left: 0.3rem;}
   }
	 
}

.q4 {display: none;}
.mobile_menu>ul{padding: 0;margin: 0;}
	.mobile_menu ul .submenu {background: #fff;}
	.mobile_menu ul .submenu>li {/*height: 70px;*/overflow: hidden;position: relative;width: 100%;display: flex;flex-direction:column;}
	.mobile_menu ul .submenu>li>a{font-size: 20px;text-decoration: none;line-height: 60px;color: #333;}
	.mobile_menu ul .o1>a{width: 200px;display: block;}
	.mobile_menu ul .o1>a img{width:100%}
	.addqs{float: right;margin:auto 10px;display: flex;height: 70px;}
	.addqs img{height: 32px;margin: auto;}
	.mobile_menu ul .submenu1>.has:before {content: '';width: 15px;height: 2px;background: #000;position: absolute;top: 26px;right: 14px;z-index: 100;transition: all 0.5s}
	.mobile_menu ul .submenu1>.has:after {content: '';width: 2px;height: 15px;background: #000;position: absolute;top: 20px;right: 20px;transition: all 0.5s}
	.mobile_menu ul .submenu1 {height:100vh;width: 100%;}
	.mobile_menu ul .submenu1>.actives:before {transform: rotate(135deg)}
	.mobile_menu ul .submenu1>.actives:after {transform: rotate(135deg)}
	.submenu1 {padding-right: 40px}
	.y2 {display: none;}
	.mobile_menu ul .submenu1{display: none;}
	@media screen and (max-width: 767px) {
		.about .about-content{flex-direction: column;}
	}
	video{height: unset;}
	.about-content .a-right.wow.fadeInRight{
		display: flex;
		align-items:center;
	}